<template>
	<div class="search-nav">
		<div class="wp96 m-center div-l">
			<!-- <form action="/Cheack"> -->
				<input name="id" id="keyword" value="" placeholder="请输入您想要查找的商品" />
				<!-- <span class="icon-search" id="keyword_sub">查询</span> -->
				<input type="submit" value="查询" class="icon-search" id="keyword_sub" @click="hhh" />
			<!-- </form> -->
			
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				value: ''
			}
		},
		methods:{
			hhh(){
				this.$router.push('/Cheack?id=0')
			}
		}
	}
</script>

<style>
	.search-nav {
		position: fixed;
		width: 100%;
		line-height: 55px;
		border-bottom: 1px solid #ddd;
		top: 0;
		left: 0;
		height: 55px;
		background-color: #F5F5F5;
		z-index: 6;
	}

	.search-nav .div-l {
		position: relative;
		line-height: 30px;
		height: 30px;
		margin-top: 7.5px;
		background-color: #fff;
		border-radius: 5px 5px;
		padding: 0 10px;
		font-size: 0.6rem;
		width: 90%;
		font-weight: normal;
	}

	.search-nav .div-l input {
		width: 100%;
		border: 0;
		font-size: 0.6rem;
		line-height: 30px;
		height: 30px;
	}

	.search-nav .div-l .icon-search {
		position: absolute;
		right: 0;
		top: 0px;
		width: auto;
		height: 30px;
		display: inline-block;
		/* background: url(@/imgs/icon5.png); */
		background-repeat: no-repeat;
		background-image: none;
		vertical-align: middle;
		margin: 0;
		font-weight: normal;
		background-color: red;
		color: #fff;
		font-size: 12px;
		padding: 0 10px;
	}
	.m-center{
		margin: 0 auto;
	}
	.wp96{
		width: 96%;
	}
</style>
